<?PHP
session_start();
?>
<!DOCTYPE html>
<!--[if IE 8 ]><html class="ie" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US"><!--<![endif]-->
<head>
	<!-- Basic Page Needs -->
	<meta charset="UTF-8">
	<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
	<title>装起来-商店</title>

	<!-- Mobile Specific Metas -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

	<!-- Boostrap style -->
	<link rel="stylesheet" type="text/css" href="stylesheets/bootstrap.min.css">

	<!-- Theme style -->
	<link rel="stylesheet" type="text/css" href="stylesheets/style.css">

	<!-- Reponsive -->
	<link rel="stylesheet" type="text/css" href="stylesheets/responsive.css">

</head>
<body class="header_sticky" onload="showId()">
	<div class="boxed">

		<div class="overlay"></div>

		<!-- Preloader -->
		<div class="preloader">
			<div class="clear-loading loading-effect-2">
				<span></span>
			</div>
		</div><!-- /.preloader -->



        <section id="header" class="header">

            <div class="header-top">
                <div class="container">
                    <div class="row">
                        <div class="col-md-4">
                            <p>
                                &nbsp;</p>
                            <!-- /.flat-support -->
                        </div><!-- /.col-md-4 -->
                        <div class="col-md-4">
                            <p>
                                &nbsp;</p>
                            <!-- /.flat-infomation -->
                        </div><!-- /.col-md-4 -->
                        <div class="col-md-4">
                            <ul class="flat-unstyled">
                                <li class="account">
                                    <?php if(isset($_SESSION['user']) && !empty($_SESSION['user'])):
                                        $link = mysqli_connect("localhost","root","123",'Dress', '3306');
                                        mysqli_query($link,"set names 'utf8'");
                                        $username = $_SESSION['user'];
                                        $sql = "select * from shopcard where username = '$username'";
                                        $result = mysqli_query($link,$sql);
                                        $sum = 0;
                                        while($row = mysqli_fetch_row($result)){
                                            $price = $row[2]*$row[1];
                                            $sum+="$price";}?>
                                        <a href="#" title=""><?php echo $_SESSION["user"]; ?><i class="fa fa-angle-down" aria-hidden="true"></i></a>
                                        <ul class="unstyled">
                                            <li>
                                                <a href="Personal-information.php" title="">个人信息</a>
                                            </li>
                                            <li>
                                                <a href="shop-cart.php" title="">购物车</a>
                                            </li>
                                            <li>
                                                <a href="shop-checkout.php" title="">订单</a>
                                            </li>
                                            <li>
                                                <a href="logout.php" title="">注销</a>
                                            </li>
                                        </ul><!-- /.unstyled -->
                                    <?php else:?>
                                        <a href="my-account.php" title="">登录/注册</a>
                                    <?php endif; ?>
                                </li>
                                <li>
                                    <a href="shop.php?id=li0&type=T恤">商店</a>
                                </li>
                            </ul><!-- /.flat-unstyled -->
                        </div><!-- /.col-md-4 -->
                    </div><!-- /.row -->
                </div><!-- /.container -->
            </div><!-- /.header-top -->
            <div class="header-middle">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3">
                            <div id="logo" class="logo">
                                <a href="index.php" title="">
                                    <img src="images/logos/logo.png" alt="">
                                </a>
                            </div><!-- /#logo -->
                        </div><!-- /.col-md-3 -->
                        <div class="col-md-6">
                            <div class="top-search">
                              						<form action="#" method="get" class="form-search" accept-charset="utf-8">
									<div class="cat-wrap">
										<select name="category">
											<option hidden value="">所有种类</option>
										</select>
										<span><i class="fa fa-angle-down" aria-hidden="true"></i></span>
										<div class="all-categories">
											<div class="cat-list-search">
												<div class="title">
													休闲
												</div>
												<ul>
													<li>简约休闲</li>
													<li>时尚休闲</li>
													<li>帅气休闲</li>
													<li>居家休闲</li>
													<li>精致休闲</li>
												</ul>
											</div><!-- /.cat-list-search -->
											<div class="cat-list-search">
												<div class="title">
													商务
												</div>
												<ul>
													<li>时尚商务</li>
													<li>都市商务</li>
													<li>商务休闲</li>
												</ul>
											</div><!-- /.cat-list-search -->
											<div class="cat-list-search">
												<div class="title">
													运动
												</div>
												<ul>
													<li>运动休闲</li>
													<li>夏季运动</li>
													<li>时尚运动</li>
													<li>运动活力</li>
													<li>运动潮男</li>
                                                    <li>冬季运动</li>
												</ul>
											</div><!-- /.cat-list-search -->
										</div><!-- /.all-categories -->
									</div><!-- /.cat-wrap -->
									<div class="box-search">
										<input type="text" name="search" placeholder="搜索一下">
										<span class="btn-search">
                                            <button  class="waves-effect"><img src="images/icons/search.png" alt=""></button>
										</span>
										<div class="search-suggestions">
											<div class="box-suggestions">
												<div class="title">
													推荐
												</div>
												<ul>
													<li>
														<div class="image">
															<img src="images/product/other/97-3.jpg" alt="">
														</div>
														<div class="info-product">
															<div class="name">
																<a href="#" title="">阔腿裤 女夏七分开叉</a>
															</div>
															<div class="price">
																<span class="sale">
																	¥29.00
																</span>
																<span class="regular">
																	¥99.00
																</span>
															</div>
														</div>
													</li>
													<li>
														<div class="image">
															<img src="images/product/other/97-5.jpg" alt="">
														</div>
														<div class="info-product">
															<div class="name">
																<a href="#" title="">休闲短裤子 夏季男士宽松中裤</a>
															</div>
															<div class="price">
																<span class="sale">
																	¥69.00
																</span>
															</div>
														</div>
													</li>
													<li>
														<div class="image">
															<img src="images/product/other/97-1.jpg" alt="">
														</div>
														<div class="info-product">
															<div class="name">
																<a href="#" title="">雪纺阔腿裤 女夏季七分休闲薄款</a>
															</div>
															<div class="price">
																<span class="sale">
																	¥79.00
																</span>
															</div>
														</div>
													</li>
													<li>
														<div class="image">
															<img src="images/product/other/97-2.jpg" alt="">
														</div>
														<div class="info-product">
															<div class="name">
																<a href="#" title="">九分阔腿裤 女夏宽松收口灯笼裤</a>
															</div>
															<div class="price">
																<span class="sale">
																	¥50.00
																</span>
															</div>
														</div>
													</li>
                                                    <li>
                                                        <div class="image">
                                                            <img src="images/product/other/97-3.jpg" alt="">
                                                        </div>
                                                        <div class="info-product">
                                                            <div class="name">
                                                                <a href="#" title="">阔腿裤 女夏七分开叉</a>
                                                            </div>
                                                            <div class="price">
																<span class="sale">
																	¥29.00
																</span>
                                                                <span class="regular">
																	¥99.00
																</span>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div class="image">
                                                            <img src="images/product/other/97-5.jpg" alt="">
                                                        </div>
                                                        <div class="info-product">
                                                            <div class="name">
                                                                <a href="#" title="">休闲短裤子 夏季男士宽松中裤</a>
                                                            </div>
                                                            <div class="price">
																<span class="sale">
																	¥69.00
																</span>
                                                            </div>
                                                        </div>
                                                    </li>
												</ul>
											</div><!-- /.box-suggestions -->
											<div class="box-cat">
												<div class="cat-list-search">
													<div class="title">
														主题
													</div>
													<ul>
														<li>
															<a href="xiuxian.php">休闲</a>
														</li>
														<li>
															<a href="shangwu.php">商务</a>
														</li>
														<li>
															<a href="yundong.php">运动</a>
														</li>
														<li>
															<a href="fugu.php">复古</a>
														</li>
														<li>
															<a href="oumei.php">欧美</a>
														</li>
                                                        <li>
                                                            <a href="yinglun.php">英伦</a>
                                                        </li>
                                                        <li>
                                                            <a href="hanliu.php">韩流</a>
                                                        </li>
                                                        <li>
                                                            <a href="rixi.php">日系</a>
                                                        </li>
                                                        <li>
                                                            <a href="#">简约</a>
                                                        </li>
                                                        <li>
                                                            <a href="#">街头范</a>
                                                        </li>
													</ul>
												</div><!-- /.cat-list-search -->
											</div><!-- /.box-cat -->
										</div><!-- /.search-suggestions -->
									</div><!-- /.box-search -->
								</form><!-- /.form-search -->
                            </div><!-- /.top-search -->
                        </div><!-- /.col-md-6 -->
                        <div class="col-md-3">
                            <?php if(isset($_SESSION['user']) && !empty($_SESSION['user'])):?>
                            <div class="box-cart">
                                <div class="inner-box">
                                    <ul class="menu-compare-wishlist">
                                        <li class="compare">
                                            <a href="#" title="">
                                                <img src="images/icons/compare.png" alt="">
                                            </a>
                                        </li>
                                        <li class="wishlist">
                                            <a href="wishlist.php" title="">
                                                <img src="images/icons/wishlist.png" alt="">
                                            </a>
                                        </li>
                                    </ul><!-- /.menu-compare-wishlist -->
                                </div><!-- /.inner-box -->
                                <div class="inner-box">
                                    <a href="shop-cart.php" title="">
                                        <div class="icon-cart">
                                            <img src="images/icons/cart.png" alt="">
                                            <span><?php echo mysqli_num_rows($result);?></span>
                                        </div>
                                    </a>
                                    <div class="dropdown-box">
                                        <ul><?php mysqli_free_result($result);
                                            $username = $_SESSION['user'];
                                            $sql = "select * from shopcard where username = '$username'";
                                            $result = mysqli_query($link,$sql);
                                            while($row = mysqli_fetch_row($result)){?>
                                                <li>
                                                    <div class="img-product">
                                                        <img src="<?php echo "$row[3]";?>" alt="">
                                                    </div>
                                                    <div class="info-product">
                                                        <div class="name">
                                                            <?php echo "$row[0]";?>
                                                        </div>
                                                        <div class="price">
                                                            <span><?php echo "$row[1]";?> x</span>
                                                            <span>$<?php echo "$row[2]";?></span>
                                                        </div>
                                                    </div>
                                                    <div class="clearfix"></div>
                                                    <span class="delete">x</span>
                                                </li>
                                            <?php }?>
                                        </ul>
                                        <div class="total">
                                            <span>总计:</span>
                                            <span class="price">$<?php echo "$sum"; mysqli_free_result($result);?></span>
                                        </div>
                                        <div class="btn-cart">
                                            <a href="shop-cart.php" class="view-cart" title="">查看购物车</a>
                                            <a href="shop-checkout.php" class="check-out" title="">下单</a>
                                        </div>
                                        <?php else:?>
                                        <div class="box-cart">
                                            <div class="inner-box">
                                                <ul class="menu-compare-wishlist">
                                                    <li class="compare">
                                                        <a href="#" title="">
                                                            <img src="images/icons/compare.png" alt="">
                                                        </a>
                                                    </li>
                                                    <li class="wishlist">
                                                        <a href="#" title="">
                                                            <img src="images/icons/wishlist.png" alt="">
                                                        </a>
                                                    </li>
                                                </ul><!-- /.menu-compare-wishlist -->
                                            </div><!-- /.inner-box -->
                                            <div class="inner-box">
                                                <a href="#" title="">
                                                    <div class="icon-cart">
                                                        <img src="images/icons/cart.png" alt="">
                                                    </div>
                                                </a>
                                            </div>
                                            <?php endif;?>
                                        </div>
                                    </div><!-- /.inner-box -->
                                </div><!-- /.box-cart -->
                            </div><!-- /.col-md-3 -->
                        </div><!-- /.row -->
                    </div><!-- /.container -->
                </div><!-- /.header-middle -->
                <div class="header-bottom">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-3 col-2">
                                <div id="mega-menu">
                                    <div class="btn-mega"><span></span>搭配主题</div>
                                    <ul class="menu">
                                        <li>
                                            <a href="xiuxian.php" title="">
											<span class="menu-img">

											</span>
                                                <span class="menu-title">
												休闲
											</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="shangwu.php" title="">
											<span class="menu-img">

											</span>
                                                <span class="menu-title">
												商务
											</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="yundong.php" title="">
											<span class="menu-img">

											</span>
                                                <span class="menu-title">
												运动
											</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="fugu.php" title="">
											<span class="menu-img">

											</span>
                                                <span class="menu-title">
												复古
											</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="oumei.php" title="">
											<span class="menu-img">

											</span>
                                                <span class="menu-title">
												欧美
											</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="yinglun.php" title="">
											<span class="menu-img">

											</span>
                                                <span class="menu-title">
												英伦
											</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="hanliu.php" title="">
											<span class="menu-img">

											</span>
                                                <span class="menu-title">
												韩流
											</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="rixi.php" title="">
											<span class="menu-img">

											</span>
                                                <span class="menu-title">
												日系
											</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="jianyue.php" title="">
											<span class="menu-img">

											</span>
                                                <span class="menu-title">
												简约
											</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="jietoufan.php" title="">
											<span class="menu-img">

											</span>
                                                <span class="menu-title">
												街头范
											</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div><!-- /.col-md-3 -->
                            <div class="col-md-9 col-10">
                                <div class="nav-wrap">
                                    <div id="mainnav" class="mainnav">
                                        <ul class="menu">
                                            <li class="column-1">
                                                <a href="shop.php?id=li0&type=T恤" title="">上衣</a>
                                                <ul class="submenu">
                                                    <li>
                                                        <a href="shop.php?id=li0&type=T恤" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>T恤</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.php?id=li0&type=T恤" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>衬衫</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.php?id=li0&type=T恤" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>卫衣</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.php?id=li0&type=T恤" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>夹克</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.php?id=li0&type=T恤" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>风衣</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.php?id=li0&type=T恤" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>羽绒服</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.php?id=li0&type=T恤" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>西装</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.php?id=li0&type=T恤" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>毛衣</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.php?id=li0&type=T恤" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>运动服</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.php?id=li0&type=T恤" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>背心</a>
                                                    </li>
                                                </ul><!-- /.submenu -->
                                            </li><!-- /.column-1 -->
                                            <li class="column-1">
                                                <a href="shop.php?id=li1&type=牛仔裤" title="">裙裤</a>
                                                <ul class="submenu">
                                                    <li>
                                                        <a href="shop.php?id=li1&type=牛仔裤" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>牛仔裤</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.php?id=li1&type=牛仔裤" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>九/七分裤</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.php?id=li1&type=牛仔裤" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>休闲裤</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.php?id=li1&type=牛仔裤" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>运动裤</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.php?id=li1&type=牛仔裤" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>西裤</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.php?id=li1&type=牛仔裤" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>连衣裙</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.php?id=li1&type=牛仔裤" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>裙子</a>
                                                    </li>
                                                </ul><!-- /.submenu -->
                                            </li><!-- /.column-1 -->
                                            <li class="column-1">
                                                <a href="shop.php?id=li2&type=休闲鞋" title="">鞋子</a>
                                                <ul class="submenu">
                                                    <li>
                                                        <a href="shop.php?id=li2&type=休闲鞋" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>休闲鞋</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.php?id=li2&type=休闲鞋" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>板鞋</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.php?id=li2&type=休闲鞋" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>帆布鞋</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.php?id=li2&type=休闲鞋" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>凉鞋</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.php?id=li2&type=休闲鞋" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>运动鞋</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.php?id=li2&type=休闲鞋" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>高跟鞋</a>
                                                    </li>
                                                </ul><!-- /.submenu -->
                                            </li><!-- /.column-1 -->
                                            <li class="column-1">
                                                <a href="shop.php?id=li3&type=帽子" title="">配饰</a>
                                                <ul class="submenu">
                                                    <li>
                                                        <a href="shop.php?id=li3&type=帽子" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>帽子</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.php?id=li3&type=帽子" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>墨镜</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.php?id=li3&type=帽子" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>围巾</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.php?id=li3&type=帽子" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>腰带</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.php?id=li3&type=帽子" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>手链</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.php?id=li3&type=帽子" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>领带</a>
                                                    </li>
                                                </ul><!-- /.submenu -->
                                            </li><!-- /.column-1 -->
                                            <li class="column-1">
                                                <a href="shop.php?id=li4&type=洗面奶" title="">洗护</a>
                                                <ul class="submenu">
                                                    <li>
                                                        <a href="shop.php?id=li4&type=洗面奶" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>洗面奶</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.php?id=li4&type=洗面奶" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>洗发水</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.php?id=li4&type=洗面奶" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>沐浴露</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.php?id=li4&type=洗面奶" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>剃须刀</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.php?id=li4&type=洗面奶" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>卷纸</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.php?id=li4&type=洗面奶" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>牙刷/牙膏</a>
                                                    </li>

                                                </ul><!-- /.submenu -->
                                            </li><!-- /.column-1 -->
                                            <li class="column-1">
                                                <a href="shop.php?id=li5&type=DOLCE" title="">品牌</a>
                                                <ul class="submenu">
                                                    <li>
                                                        <a href="shop.php?id=li5&type=DOLCE" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>DOLCE</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.php?id=li5&type=DOLCE" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>POLA</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.php?id=li5&type=DOLCE" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>FENDI</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.php?id=li5&type=DOLCE" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>KENZO</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.php?id=li5&type=DOLCE" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>GUCCI</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.php?id=li5&type=DOLCE" title=""><i class="fa fa-angle-right" aria-hidden="true"></i>BALLY</a>
                                                    </li>
                                                </ul><!-- /.submenu -->
                                            </li><!-- /.column-1 -->
                                        </ul><!-- /.menu -->
                                    </div><!-- /.mainnav -->
                                </div><!-- /.nav-wrap -->
                                <div class="today-deal">
                                    <a href="#" title="">智能搭配</a>
                                </div><!-- /.today-deal -->
                                <div class="btn-menu">
                                    <span></span>
                                </div><!-- //mobile menu button -->
                            </div><!-- /.col-md-9 -->
                        </div><!-- /.row -->
                    </div><!-- /.container -->
                </div><!-- /.header-bottom -->
        </section><!-- /#header -->

		<section class="flat-breadcrumb">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<ul class="breadcrumbs">
							<li class="trail-item">
								<a href="index.php" title="">主页</a>
								<span><img src="images/icons/arrow-right.png" alt=""></span>
							</li>
							<li class="trail-item">
								<a href="shop.php?id=li0&type=T恤" title="">商店</a>
								
							</li>
							
						</ul><!-- /.breacrumbs -->
					</div><!-- /.col-md-12 -->
				</div><!-- /.row -->
			</div><!-- /.container -->
		</section><!-- /.flat-breadcrumb -->

		<main id="shop">
			<div class="container">
				<div class="row">
					<div class="col-lg-3 col-md-4">
						<div class="sidebar ">
							<div class="widget widget-categories" >
								<div class="widget-title">
									<h3>类型<span></span></h3>
								</div>
								<ul class="cat-list style1 widget-content">
									<li id="li0" >
										<span class="">上衣<i>(10)</i></span>
										<ul class="cat-child" style="display:none;">
											<li>
												<a href="#" title="">T恤</a>
											</li>
											<li>
												<a href="#" title="">衬衫</a>
											</li>
											<li>
												<a href="#" title="">卫衣</a>
											</li>
                                            <li>
												<a href="#" title="">夹克</a>
											</li>
                                            <li>
												<a href="#" title="">风衣</a>
											</li>
                                            <li>
												<a href="#" title="">羽绒服</a>
											</li>
                                            <li>
												<a href="#" title="">西装</a>
											</li>
                                            <li>
												<a href="#" title="">毛衣</a>
											</li>
                                            <li>
												<a href="#" title="">运动服</a>
											</li>
                                            <li>
												<a href="#" title="">背心</a>
											</li>
										</ul>
									</li>
									<li id="li1">
										<span>裙裤<i>(7)</i></span>
										<ul class="cat-child" style="display:none;">
											<li>
												<a href="#" title="">牛仔裤</a>
											</li>
											<li>
												<a href="#" title="">九/七分库</a>
											</li>
											<li>
												<a href="#" title="">休闲裤</a>
											</li>
                                            <li>
												<a href="#" title="">运动裤</a>
											</li>
                                            <li>
												<a href="#" title="">西裤</a>
											</li>
                                            <li>
												<a href="#" title="">连衣裙</a>
											</li>
                                            <li>
												<a href="#" title="">裙子</a>
											</li>
										</ul>
									</li>
									<li id="li2">
										<span>鞋子<i>(6)</i></span>
										<ul class="cat-child" style="display:none;">
											<li>
												<a href="#" title="">休闲鞋</a>
											</li>
											<li>
												<a href="#" title="">板鞋</a>
											</li>
											<li>
												<a href="#" title="">帆布鞋</a>
											</li>
                                            <li>
												<a href="#" title="">凉鞋</a>
											</li>
                                            <li>
												<a href="#" title="">运动鞋</a>
											</li>
                                            <li>
												<a href="#" title="">高跟鞋鞋</a>
											</li>
										</ul>
									</li>
									<li id="li3">
										<span>配饰<i>(6)</i></span>
										<ul class="cat-child" style="display:none;">
											<li>
												<a href="#" title="">帽子</a>
											</li>
											<li>
												<a href="#" title="">墨镜</a>
											</li>
											<li>
												<a href="#" title="">围巾</a>
											</li>
                                            <li>
												<a href="#" title="">腰带</a>
											</li>
                                            <li>
												<a href="#" title="">手链</a>
											</li>
                                            <li>
												<a href="#" title="">领带</a>
											</li>
										</ul>
									</li>
									<li id="li4">
										<span>洗护<i>(6)</i></span>
										<ul class="cat-child" style="display:none;">
											<li>
												<a href="#" title="">洗面奶</a>
											</li>
											<li>
												<a href="#" title="">洗发水</a>
											</li>
                                            <li>
												<a href="#" title="">沐浴露</a>
											</li>
                                            <li>
												<a href="#" title="">剃须刀</a>
											</li>
                                            <li>
												<a href="#" title="">卷纸</a>
											</li>
                                            <li>
												<a href="#" title="">牙膏/牙刷</a>
											</li>
										</ul>
									</li>
									<li id="li5">
										<span>品牌<i>(6)</i></span>
										<ul class="cat-child" style="display:none;">
											<li>
												<a href="#" title="">Monitors</a>
											</li>
											<li>
												<a href="#" title="">Software</a>
											</li>
										</ul>
									</li>
									
			
								</ul><!-- /.cat-list -->
							</div><!-- /.widget-categories -->
				
							<div class="widget widget-color">
								<div class="widget-title">
									<h3>色调<span></span></h3>
									<div style="height: 2px"></div>
								</div>
								<div class="widget-content">
									<div style="height: 5px"></div>
									<ul class="box-checkbox scroll">
										<li class="check-box">
											<input type="checkbox" id="check1" name="check1">
											<label for="check1">黑色 <span>(4)</span></label>
										</li>
										<li class="check-box">
											<input type="checkbox" id="check2" name="check2">
											<label for="check2">黄色 <span>(2)</span></label>
										</li>
										<li class="check-box">
											<input type="checkbox" id="check3" name="check3">
											<label for="check3">白色 <span>(2)</span></label>
										</li>
										<li class="check-box">
											<input type="checkbox" id="check4" name="check4">
											<label for="check4">蓝色 <span>(2)</span></label>
										</li>
										<li class="check-box">
											<input type="checkbox" id="check5" name="check5">
											<label for="check5">红色 <span>(1)</span></label>
										</li>
										<li class="check-box">
											<input type="checkbox" id="check6" name="check6">
											<label for="check6">粉色 <span>(3)</span></label>
										</li>
										<li class="check-box">
											<input type="checkbox" id="check7" name="check7">
											<label for="check7">绿色 <span>(4)</span></label>
										</li>
										<li class="check-box">
											<input type="checkbox" id="check8" name="check8">
											<label for="check8">金黄 <span>(4)</span></label>
										</li>
									</ul>
								</div>
							</div><!-- /.widget widget-color -->
                            <div class="widget widget-products">
                                <div class="widget-title">
                                    <h3>热销中<span></span></h3>
                                </div>
                                <ul class="product-list widget-content">
                                    <li>
                                        <div class="img-product">
                                            <a href="https://detail.tmall.com/item.htm?spm=a230r.1.14.46.165c645bHbmIau&id=547904844169&ns=1&abbucket=9" title="">
                                                <img src="images/blog/97-1.jpg" alt="" style="width:80px; height:80px;">
                                            </a>
                                        </div>
                                        <div class="info-product">
                                            <div class="name">
                                                <a href="https://detail.tmall.com/item.htm?spm=a230r.1.14.46.165c645bHbmIau&id=547904844169&ns=1&abbucket=9" title="">雪纺阔腿裤<br/>女七分休闲宽松薄款</a>
                                            </div>
                                            <div class="queue">
                                                <i class="fa fa-star" aria-hidden="true"></i>
                                                <i class="fa fa-star" aria-hidden="true"></i>
                                                <i class="fa fa-star" aria-hidden="true"></i>
                                                <i class="fa fa-star" aria-hidden="true"></i>
                                                <i class="fa fa-star" aria-hidden="true"></i>
                                            </div>
                                            <div class="price">
                                                <span class="sale">¥ 59.00</span>
                                                <span class="regular">¥ 199.00</span>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="img-product">
                                            <a href="https://item.taobao.com/item.htm?spm=a230r.1.14.54.165c645bHbmIau&id=569057944306&ns=1&abbucket=9#detail" title="">
                                                <img src="images/blog/97-2.jpg" alt="" style="width:80px; height:80px;">
                                            </a>
                                        </div>
                                        <div class="info-product">
                                            <div class="name">
                                                <a href="https://item.taobao.com/item.htm?spm=a230r.1.14.54.165c645bHbmIau&id=569057944306&ns=1&abbucket=9#detail" title="">九分阔腿裤 <br/>女夏宽松收口灯笼裤薄款</a>
                                            </div>
                                            <div class="queue">
                                                <i class="fa fa-star" aria-hidden="true"></i>
                                                <i class="fa fa-star" aria-hidden="true"></i>
                                                <i class="fa fa-star" aria-hidden="true"></i>
                                                <i class="fa fa-star" aria-hidden="true"></i>
                                                <i class="fa fa-star" aria-hidden="true"></i>
                                            </div>
                                            <div class="price">
                                                <span class="sale">¥69.00</span>
                                                <span class="regular">¥139.00</span>
                                            </div>
                                        </div>
                                    </li>
                                    <li>

                                        <div class="img-product">
                                            <a href="https://item.taobao.com/item.htm?spm=a230r.1.14.124.165c645bHbmIau&id=555335108275&ns=1&abbucket=9#detail" title="">
                                                <img src="images/blog/97-3.jpg" alt="" style="width:80px; height:80px;">
                                            </a>
                                        </div>
                                        <div class="info-product">
                                            <div class="name">
                                                <a href="https://item.taobao.com/item.htm?spm=a230r.1.14.124.165c645bHbmIau&id=555335108275&ns=1&abbucket=9#detail" title="">阔腿裤<br/>女夏七分开叉条</a>
                                            </div>
                                            <div class="queue">
                                                <i class="fa fa-star" aria-hidden="true"></i>
                                                <i class="fa fa-star" aria-hidden="true"></i>
                                                <i class="fa fa-star" aria-hidden="true"></i>
                                                <i class="fa fa-star" aria-hidden="true"></i>
                                                <i class="fa fa-star" aria-hidden="true"></i>
                                            </div>
                                            <div class="price">
                                                <span class="sale">¥29.90</span>
                                                <span class="regular">¥99.00</span>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div><!-- /.widget widget-products -->
                            <div class="widget widget-banner">
                                <div class="banner-box">
                                    <div class="inner-box">
                                        <a href="https://detail.tmall.com/item.htm?spm=a230r.1.14.283.165c645bHbmIau&id=565259247741&ns=1&abbucket=9" title="">
                                            <img src="images/banner_boxes/97-4.jpg" alt="">
                                        </a>
                                    </div>
                                </div>
                            </div><!-- /.widget widget-banner -->
						</div><!-- /.sidebar -->
					</div><!-- /.col-lg-3 col-md-4 -->
					<div class="col-lg-9 col-md-8">
						<div class="main-shop">
							<div class="slider owl-carousel-16">
								<div class="slider-item style9">
									<div class="item-text">
										<div class="header-item">
											<p>拥有不一样的个性</p>
											<h2 class="name">个性装</h2>
										</div>
									</div>
									<div class="item-image">
										<img src="lib/webuploader/0.1.5/server/goods/mz07.jpg" alt="">
									</div>
									<div class="clearfix"></div>
								</div><!-- /.slider-item style9 -->
								<div class="slider-item style9">
									<div class="item-text">
										<div class="header-item">
											<p>赶快装起来吧</p>
											<h2 class="name">潮流装♂</h2>
										</div>
									</div>
									<div class="item-image">
										<img src="lib/webuploader/0.1.5/server/goods/mz11.jpg" alt="">
									</div>
									<div class="clearfix"></div>
								</div><!-- /.slider-item style9 -->
								
							</div><!-- /.slider -->
							<div class="wrap-imagebox">
								<div class="tab-product">
									<div class="row sort-box">
                                        <?php
                                        $type = $_GET["type"];
                                        $link = mysqli_connect("localhost","root","123",'Dress', '3306');
                                        mysqli_query($link,"set names 'utf8'");
                                        $sql = "select * from goods where type= '$type'";
                                        $result = mysqli_query($link,$sql);
                                        while($row = mysqli_fetch_row($result)){
                                        ?>
										<div class="col-lg-4 col-sm-6">
											<div class="product-box">
												<div class="imagebox">
													<div class="box-image owl-carousel-1">
														<a href="#" title="">
															<img src=" <?php echo "$row[2]";?>" alt="">
														</a>
														<a href="#" title="">
															<img src=" <?php echo "$row[2]";?>" alt="">
														</a>
													</div><!-- /.box-image -->
													<div class="box-content">
                                                      <div class="cat-name">
															<a href="#" title=""><?php echo "$row[5]";?></a>
														</div>
														<div class="product-name">
															<a href="#" title=""> <?php echo "$row[0]";?></a>
														</div>
														<div class="price">
															<span class="sale">￥ <?php echo "$row[1]";?></span>
														</div>
													</div><!-- /.box-content -->
													<div class="box-bottom">
														<div class="btn-add-cart">
															<a href="addtochart.php?id=<?php echo "$row[0]";?>" title="">
																<img src="images/icons/add-cart.png" alt="">添加到购物车
															</a>
														</div>
													</div><!-- /.box-bottom -->
												</div><!-- /.imagebox -->
											</div>
										</div><!-- /.col-lg-4 col-sm-6 -->
                                        <?php } ?>
						
									</div>
								</div>
							</div><!-- /.wrap-imagebox -->
							<div class="blog-pagination">
								<span>
									Showing 1–15 of 20 results
								</span>
								<ul class="flat-pagination style1">
									<li class="prev">
										<a href="#" title="">
											<img src="images/icons/left-1.png" alt="">前一页
										</a>
									</li>
									<li class="active">
										<a  class="waves-effect"  title="">01</a>
									</li>
									<li >
										<a  class="waves-effect"  title="">02</a>
									</li>
									<li>
										<a href="#" class="waves-effect" title="">03</a>
									</li>
									<li class="">
										<a href="#" class="waves-effect" title="">04</a>
									</li>
									<li class="next">
										<a href="#" title="">
											下一页<img src="images/icons/right-1.png" alt="">
										</a>
									</li>
								</ul>
								<div class="clearfix"></div>
							</div><!-- /.blog-pagination -->
						</div><!-- /.main-shop -->
					</div><!-- /.col-lg-9 col-md-8 -->
				</div><!-- /.row -->
			</div><!-- /.container -->
		</main><!-- /#shop -->

        <section class="flat-imagebox style4">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="flat-row-title">
                            <h3>新品</h3>
                        </div>
                    </div><!-- /.col-md-12 -->
                </div><!-- /.row -->
                <div class="row">
                    <div class="col-md-12">
                        <div class="owl-carousel-3 style3">
                            <div class="imagebox style4">
                                <div class="box-image">
                                    <a href="https://detail.tmall.com/item.htm?spm=a230r.1.14.46.165c645bHbmIau&id=547904844169&ns=1&abbucket=9" title="">
                                        <img src="images/product/other/97-1.jpg" alt="" style="width:auto; height:90px;">
                                    </a>
                                </div><!-- /.box-image -->
                                <div class="box-content">
                                    <div class="cat-name">
                                        <a href="https://detail.tmall.com/item.htm?spm=a230r.1.14.46.165c645bHbmIau&id=547904844169&ns=1&abbucket=9" title="">九七分裤</a>
                                    </div>
                                    <div class="product-name">
                                        <a href="https://detail.tmall.com/item.htm?spm=a230r.1.14.46.165c645bHbmIau&id=547904844169&ns=1&abbucket=9" title="">雪纺阔腿裤<br />女夏季七分休闲薄款</a>
                                    </div>
                                    <div class="price">
                                        <span class="sale">¥ 59.00</span>
                                        <span class="regular">¥ 199.00</span>
                                    </div>
                                </div><!-- /.box-content -->
                            </div><!-- /.imagebox style4 -->
                            <div class="imagebox style4">
                                <div class="box-image">
                                    <a href="https://item.taobao.com/item.htm?spm=a230r.1.14.54.165c645bHbmIau&id=569057944306&ns=1&abbucket=9#detail" title="">
                                        <img src="images/product/other/97-2.jpg" alt="" style="width:auto; height:90px;">
                                    </a>
                                </div><!-- /.box-image -->
                                <div class="box-content">
                                    <div class="cat-name">
                                        <a href="https://item.taobao.com/item.htm?spm=a230r.1.14.54.165c645bHbmIau&id=569057944306&ns=1&abbucket=9#detail" title="">九七分裤</a>
                                    </div>
                                    <div class="product-name">
                                        <a href="https://item.taobao.com/item.htm?spm=a230r.1.14.54.165c645bHbmIau&id=569057944306&ns=1&abbucket=9#detail" title="">九分阔腿裤<br />女夏宽松收口灯笼裤</a>
                                    </div>
                                    <div class="price">
                                        <span class="sale">¥69.00</span>
                                        <span class="regular">¥139.00</span>
                                    </div>
                                </div><!-- /.box-content -->
                            </div><!-- /.imagebox style4 -->
                            <div class="imagebox style4">
                                <div class="box-image">
                                    <a href="https://item.taobao.com/item.htm?spm=a230r.1.14.124.165c645bHbmIau&id=555335108275&ns=1&abbucket=9#detail" title="">
                                        <img src="images/product/other/97-3.jpg" alt="" style="width:auto; height:90px;">
                                    </a>
                                </div><!-- /.box-image -->
                                <div class="box-content">
                                    <div class="cat-name">
                                        <a href="https://item.taobao.com/item.htm?spm=a230r.1.14.124.165c645bHbmIau&id=555335108275&ns=1&abbucket=9#detail" title="">九七分裤</a>
                                    </div>
                                    <div class="product-name">
                                        <a href="https://item.taobao.com/item.htm?spm=a230r.1.14.124.165c645bHbmIau&id=555335108275&ns=1&abbucket=9#detail" title="">阔腿裤<br />女夏七分开叉</a>
                                    </div>
                                    <div class="price">
                                        <span class="sale">¥29.90</span>
                                        <span class="regular">¥99.00</span>
                                    </div>
                                </div><!-- /.box-content -->
                            </div><!-- /.imagebox style4 -->
                            <div class="imagebox style4">
                                <div class="box-image">
                                    <a href="https://detail.tmall.com/item.htm?spm=a230r.1.14.283.165c645bHbmIau&id=565259247741&ns=1&abbucket=9" title="">
                                        <img src="images/product/other/97-4.jpg" alt="" style="width:auto; height:90px;">
                                    </a>
                                </div><!-- /.box-image -->
                                <div class="box-content">
                                    <div class="cat-name">
                                        <a href="https://detail.tmall.com/item.htm?spm=a230r.1.14.283.165c645bHbmIau&id=565259247741&ns=1&abbucket=9" title="">九七分裤</a>
                                    </div>
                                    <div class="product-name">
                                        <a href="https://detail.tmall.com/item.htm?spm=a230r.1.14.283.165c645bHbmIau&id=565259247741&ns=1&abbucket=9" title="">休闲九分裤<br />男夏季宽松小脚</a>
                                    </div>
                                    <div class="price">
                                        <span class="sale">¥ 69.00</span>
                                        <span class="regular">¥ 138.00</span>
                                    </div>
                                </div><!-- /.box-content -->
                            </div><!-- /.imagebox style4 -->
                            <div class="imagebox style4">
                                <div class="box-image">
                                    <a href="https://item.taobao.com/item.htm?spm=a230r.1.14.33.165c645bHbmIau&id=562139173093&ns=1&abbucket=9#detail" title="">
                                        <img src="images/product/other/97-5.jpg" alt="" style="width:auto; height:90px;">
                                    </a>
                                </div><!-- /.box-image -->
                                <div class="box-content">
                                    <div class="cat-name">
                                        <a href="https://item.taobao.com/item.htm?spm=a230r.1.14.33.165c645bHbmIau&id=562139173093&ns=1&abbucket=9#detail" title="">九七分裤</a>
                                    </div>
                                    <div class="product-name">
                                        <a href="https://item.taobao.com/item.htm?spm=a230r.1.14.33.165c645bHbmIau&id=562139173093&ns=1&abbucket=9#detail" title="">休闲短裤子<br />夏季男士宽松中裤</a>
                                    </div>
                                    <div class="price">
                                        <span class="sale">¥85.75</span>
                                        <span class="regular">¥175.00</span>
                                    </div>
                                </div><!-- /.box-content -->
                            </div><!-- /.imagebox style4 -->
                            <div class="imagebox style4">
                                <div class="box-image">
                                    <a href="https://detail.tmall.com/item.htm?spm=a230r.1.14.46.165c645bHbmIau&id=547904844169&ns=1&abbucket=9" title="">
                                        <img src="images/product/other/97-1.jpg" alt="" style="width:auto; height:90px;">
                                    </a>
                                </div><!-- /.box-image -->
                                <div class="box-content">
                                    <div class="cat-name">
                                        <a href="https://detail.tmall.com/item.htm?spm=a230r.1.14.46.165c645bHbmIau&id=547904844169&ns=1&abbucket=9" title="">九七分裤</a>
                                    </div>
                                    <div class="product-name">
                                        <a href="https://detail.tmall.com/item.htm?spm=a230r.1.14.46.165c645bHbmIau&id=547904844169&ns=1&abbucket=9" title="">雪纺阔腿裤<br />女夏季七分休闲薄款</a>
                                    </div>
                                    <div class="price">
                                        <span class="sale">¥ 59.00</span>
                                        <span class="regular">¥ 199.00</span>
                                    </div>
                                </div><!-- /.box-content -->
                            </div><!-- /.imagebox style4 -->
                            <div class="imagebox style4">
                                <div class="box-image">
                                    <a href="https://item.taobao.com/item.htm?spm=a230r.1.14.54.165c645bHbmIau&id=569057944306&ns=1&abbucket=9#detail" title="">
                                        <img src="images/product/other/97-2.jpg" alt="" style="width:auto; height:90px;">
                                    </a>
                                </div><!-- /.box-image -->
                                <div class="box-content">
                                    <div class="cat-name">
                                        <a href="https://item.taobao.com/item.htm?spm=a230r.1.14.54.165c645bHbmIau&id=569057944306&ns=1&abbucket=9#detail" title="">九七分裤</a>
                                    </div>
                                    <div class="product-name">
                                        <a href="https://item.taobao.com/item.htm?spm=a230r.1.14.54.165c645bHbmIau&id=569057944306&ns=1&abbucket=9#detail" title="">九分阔腿裤<br />女夏宽松收口灯笼裤</a>
                                    </div>
                                    <div class="price">
                                        <span class="sale">¥69.00</span>
                                        <span class="regular">¥139.00</span>
                                    </div>
                                </div><!-- /.box-content -->
                            </div><!-- /.imagebox style4 -->
                            <div class="imagebox style4">
                                <div class="box-image">
                                    <a href="https://item.taobao.com/item.htm?spm=a230r.1.14.124.165c645bHbmIau&id=555335108275&ns=1&abbucket=9#detail" title="">
                                        <img src="images/product/other/97-3.jpg" alt="" style="width:auto; height:90px;">
                                    </a>
                                </div><!-- /.box-image -->
                                <div class="box-content">
                                    <div class="cat-name">
                                        <a href="https://item.taobao.com/item.htm?spm=a230r.1.14.124.165c645bHbmIau&id=555335108275&ns=1&abbucket=9#detail" title="">九七分裤</a>
                                    </div>
                                    <div class="product-name">
                                        <a href="https://item.taobao.com/item.htm?spm=a230r.1.14.124.165c645bHbmIau&id=555335108275&ns=1&abbucket=9#detail" title="">阔腿裤<br />女夏七分开叉</a>
                                    </div>
                                    <div class="price">
                                        <span class="sale">¥29.90</span>
                                        <span class="regular">¥99.00</span>
                                    </div>
                                </div><!-- /.box-content -->
                            </div><!-- /.imagebox style4 -->
                            <div class="imagebox style4">
                                <div class="box-image">
                                    <a href="https://detail.tmall.com/item.htm?spm=a230r.1.14.283.165c645bHbmIau&id=565259247741&ns=1&abbucket=9" title="">
                                        <img src="images/product/other/97-4.jpg" alt="" style="width:auto; height:90px;">
                                    </a>
                                </div><!-- /.box-image -->
                                <div class="box-content">
                                    <div class="cat-name">
                                        <a href="https://detail.tmall.com/item.htm?spm=a230r.1.14.283.165c645bHbmIau&id=565259247741&ns=1&abbucket=9" title="">九七分裤</a>
                                    </div>
                                    <div class="product-name">
                                        <a href="https://detail.tmall.com/item.htm?spm=a230r.1.14.283.165c645bHbmIau&id=565259247741&ns=1&abbucket=9" title="">休闲九分裤<br />男夏季宽松小脚</a>
                                    </div>
                                    <div class="price">
                                        <span class="sale">¥ 69.00</span>
                                        <span class="regular">¥ 138.00</span>
                                    </div>
                                </div><!-- /.box-content -->
                            </div><!-- /.imagebox style4 -->
                            <div class="imagebox style4">
                                <div class="box-image">
                                    <a href="https://item.taobao.com/item.htm?spm=a230r.1.14.33.165c645bHbmIau&id=562139173093&ns=1&abbucket=9#detail" title="">
                                        <img src="images/product/other/97-5.jpg" alt="" style="width:auto; height:90px;">
                                    </a>
                                </div><!-- /.box-image -->
                                <div class="box-content">
                                    <div class="cat-name">
                                        <a href="https://item.taobao.com/item.htm?spm=a230r.1.14.33.165c645bHbmIau&id=562139173093&ns=1&abbucket=9#detail" title="">九七分裤</a>
                                    </div>
                                    <div class="product-name">
                                        <a href="https://item.taobao.com/item.htm?spm=a230r.1.14.33.165c645bHbmIau&id=562139173093&ns=1&abbucket=9#detail" title="">休闲短裤子<br />夏季男士宽松中裤</a>
                                    </div>
                                    <div class="price">
                                        <span class="sale">¥85.75</span>
                                        <span class="regular">¥175.00</span>
                                    </div>
                                </div><!-- /.box-content -->
                            </div><!-- /.imagebox style4 -->

                        </div><!-- /.owl-carousel-3 -->
                    </div><!-- /.col-md-12 -->
                </div><!-- /.row -->
            </div><!-- /.container -->
        </section><!-- /.flat-imagebox style4 -->

        <footer>
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-md-6">
                        <div class="widget-ft widget-about">
                            <div class="logo logo-ft">
                                <a href="index.php" title="">
                                    <img src="images/logos/logo-ft.png" alt="">
                                </a>
                            </div><!-- /.logo-ft -->
                            <div class="widget-content">
                                <div class="icon">
                                    <img src="images/icons/call.png" alt="">
                                </div>
                                <div class="info">
                                    <p class="questions">有问题 ? 联系我们 !</p>
                                    <p class="phone">Call Us: 10086</p>
                                    <p class="address">
                                        浙江省<br />China.
                                    </p>
                                </div>
                            </div><!-- /.widget-content -->
                            <ul class="social-list">
                                <li>
                                    <a href="#" title="">
                                        <i class="fa fa-facebook" aria-hidden="true"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" title="">
                                        <i class="fa fa-twitter" aria-hidden="true"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" title="">
                                        <i class="fa fa-instagram" aria-hidden="true"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" title="">
                                        <i class="fa fa-pinterest" aria-hidden="true"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" title="">
                                        <i class="fa fa-dribbble" aria-hidden="true"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" title="">
                                        <i class="fa fa-google" aria-hidden="true"></i>
                                    </a>
                                </li>
                            </ul><!-- /.social-list -->
                        </div><!-- /.widget-about -->
                    </div><!-- /.col-lg-3 col-md-6 -->
                    <div class="col-lg-3 col-md-6">
                        <div class="widget-ft widget-categories-ft">
                            <div class="widget-title">
                                <h3>搭配风格</h3>
                            </div>
                            <ul class="cat-list-ft">
                                <li>
                                    <a href="#" title="">休闲</a>
                                </li>
                                <li>
                                    <a href="#" title="">商务</a>
                                </li>
                                <li>
                                    <a href="#" title="">日系</a>
                                </li>
                                <li>
                                    <a href="#" title="">韩流</a>
                                </li>
                                <li>
                                    <a href="#" title="">欧美</a>
                                </li>
                            </ul><!-- /.cat-list-ft -->
                        </div><!-- /.widget-categories-ft -->
                    </div><!-- /.col-lg-3 col-md-6 -->
                    <div class="col-lg-2 col-md-6">
                        <div class="widget-ft widget-menu">
                            <div class="widget-title">
                                <h3>客户服务</h3>
                            </div>
                            <ul>
                                <li>
                                    <a href="#" title="">
                                        联系我们
                                    </a>
                                </li>
                                <li>
                                    <a href="#" title="">
                                        个人信息
                                    </a>
                                </li>
                                <li>
                                    <a href="#" title="">
                                        购物车
                                    </a>
                                </li>
                                <li>
                                    <a href="#" title="">
                                        收藏夹
                                    </a>
                                </li>
                                <li>
                                    <a href="#" title="">
                                        订单
                                    </a>
                                </li>
                            </ul>
                        </div><!-- /.widget-menu -->
                    </div><!-- /.col-lg-2 col-md-6 -->
                    <div class="col-lg-4 col-md-6">
                        <div class="widget-ft widget-newsletter">
                            <div class="widget-title">
                                <h3>Sign Up To New Letter</h3>
                            </div>
                            <p>
                                <a href="account.php" title="" >
                                    后台登陆
                                </a>
                            </p>
                            <form action="#" class="subscribe-form" method="get" accept-charset="utf-8">
                                <div class="subscribe-content">
                                    <input type="text" name="email" class="subscribe-email" placeholder="Your E-Mail">
                                    <button type="submit"><img src="images/icons/right-2.png" alt=""></button>
                                </div>
                            </form><!-- /.subscribe-form -->
                            <ul class="pay-list">
                                <li>
                                    <a href="#" title="">
                                        <img src="images/logos/ft-01.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="#" title="">
                                        <img src="images/logos/ft-02.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="#" title="">
                                        <img src="images/logos/ft-03.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="#" title="">
                                        <img src="images/logos/ft-04.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="#" title="">
                                        <img src="images/logos/ft-05.png" alt="">
                                    </a>
                                </li>
                            </ul><!-- /.pay-list -->
                        </div><!-- /.widget-newsletter -->
                    </div><!-- /.col-lg-4 col-md-6 -->
                </div><!-- /.row -->

            </div><!-- /.container -->
        </footer><!-- /footer -->

		<section class="footer-bottom">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<p class="copyright">All Rights Reserved © Techno Store 2017</p>
						<p class="btn-scroll">
							<a href="#" title="">
								<img src="images/icons/top.png" alt="">
							</a>
						</p>
					</div><!-- /.col-md-12 -->
				</div><!-- /.row -->
			</div><!-- /.container -->
		</section><!-- /.footer-bottom -->

	</div><!-- /.boxed -->

		<!-- Javascript -->
		<script type="text/javascript" src="javascript/jquery.min.js"></script>
		<script type="text/javascript" src="javascript/tether.min.js"></script>
		<script type="text/javascript" src="javascript/bootstrap.min.js"></script>
		<script type="text/javascript" src="javascript/waypoints.min.js"></script>
		<script type="text/javascript" src="javascript/jquery.circlechart.js"></script>
		<script type="text/javascript" src="javascript/easing.js"></script>
		<script type="text/javascript" src="javascript/jquery.flexslider-min.js"></script>
		<script type="text/javascript" src="javascript/owl.carousel.js"></script>
		<script type="text/javascript" src="javascript/smoothscroll.js"></script>
		<script type="text/javascript" src="javascript/jquery-ui.js"></script>
		<script type="text/javascript" src="javascript/jquery.mCustomScrollbar.js"></script>
		<script type="text/javascript" src="http://ditu.google.cn/maps/api/js?key=AIzaSyBtRmXKclfDp20TvfQnpgXSDPjut14x5wk&region=GB"></script>
	   	<script type="text/javascript" src="javascript/gmap3.min.js"></script>
	   	<script type="text/javascript" src="javascript/waves.min.js"></script>
		<script type="text/javascript" src="javascript/jquery.countdown.js"></script>
        <script type="text/javascript" src="javascript/shopGetnum.js"></script>
		<script type="text/javascript" src="javascript/main.js"></script>
        

</body>	
</html>
